/* ---------------------------- */
/*     // // /    //   // // // */
/*    //         //   //        */
/*   // //      //   // // //   */
/*        //   //   //      //  */
/*       //   //    //      //  */
/* // //     //      // // //   */
/* ---------------------------- */
/* -        timeScale         - */
/* ---------------------------- */
/* wrap_timeScale */
.wrap_timeScale {
	display: none;
	width: auto;
	bottom: calc(2rem / 1.2);
	height: calc(11rem / 1.2);
}

.timeBox {
	display: inline-block;
	padding: calc(.8rem / 1.2) calc(2rem / 1.2);
	width: auto;
	height: calc(9.4rem / 1.2);
}

/* timeBox head */
.timeBox .head {
	width: 100%;
	height: calc(2.4rem / 1.2);
	line-height: calc(2.4rem / 1.2);
	border-bottom: calc(.1rem / 1.2) solid #ccc;
}

.timeBox .nowTime {
	float: left;
	width: calc(8rem / 1.2);
}

.timeBox .nowTime input {
	width: 100%;
	height: calc(1.8rem / 1.2);
	font-size: calc(1.3rem / 1.2);
	text-align: center;
	border: 0;
	box-shadow: 0 0 calc(.1rem / 1.2) #333;
}

.timeBox .btnOpt {
	float: right;
	width: auto;
}

.timeBox .btnOpt li {
	float: left;
	width: calc(3rem / 1.2);
	font-size: calc(1.6rem / 1.2);
	text-align: center;
	cursor: pointer;
}

.timeBox .fa-pause {
	color: #4285F4;
}

/* timeBox content */
.timeBox .content {
	position: relative;
	min-width: calc(3rem / 1.2);
	height: calc(6.6rem / 1.2);
}

.timeBox .scale {
	position: absolute;
	top: calc(1.4rem / 1.2);
	z-index: 5;
	width: calc(100% - .4rem / 1.2);
	height: calc(.2rem / 1.2);
	border: calc(.2rem / 1.2) solid #ccc;
	border-radius: calc(.4rem / 1.2);
	background-color: #fff;
}

.timeBox .scale i {
	position: absolute;
	top: calc(-0.9rem / 1.2);
	left: calc(.3rem / 1.2);
	width: calc(1rem / 1.2);
	height: calc(1rem / 1.2);
	border: calc(.5rem / 1.2) solid #fff;
	border-radius: 50%;
	background-color: #4285F4;
	box-shadow: 0 0 calc(.1rem / 1.2) #000;
}

.timeBox .timeList {
	position: relative;
	z-index: 9;
	width: 100%;
	height: calc(6.6rem / 1.2);
}

.timeBox .timeList li {
	float: left;
	padding-top: calc(2.8rem / 1.2);
	height: calc(3.2rem / 1.2);
	text-align: center;
	cursor: pointer;
}

.timeBox .timeList li[type="day"],
.timeBox .timeList li[type="month"] {
	width: calc(3rem / 1.2);
}

.timeBox .timeList li[type="tenDays"] {
	width: calc(2.7rem / 1.2);
}

.timeBox .timeList li[type="year"] {
	width: calc(18rem / 1.2);
}

.timeBox .timeList li h,
.timeBox .timeList li span {
	display: inline-block;
	width: 100%;
	line-height: calc(1.6rem / 1.2);
}

/* datetimepicker */
.datetimepicker {
	display: none;
	position: absolute;
	z-index: 21;
	background-color: #fff;
}